// 全局混入的使用 配置增加

// 配置 flex 布局，
.flex (@jc: center, @ai: center, @fw: nowrap, @fd: row) {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  justify-content: @jc;
  -webkit-justify-content: @jc;
  align-items: @ai;
  -webkit-align-items: @ai;
  flex-wrap: @fw;
  -webkit-flex-wrap: @fw;
  flex-direction: @fd;
  -webkit-flex-direction: @fd;
}


// 清除浮动（需要兼容可以使用浮动，不考虑IE建议使用flex）
// 不建议使用
.clearfix {
  &::after {
    content: '';
    display: block;
    clear: both;
  }
}


// 多行溢出隐藏 传入参数 默认单行隐藏
.overflow-text-line (@clamp: 1) {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @clamp;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;

}